<template>
	<!-- 每个学生的信息卡片 -->
	
	<view class="card-wrapper"
		  @click="to_check_page()"
		  v-bind:class="[info.statClockState ? 'abnormal':'normal' ,unfinished ? 'unfinished':'']">
		<u-row>
			<u-col :span="11">
				<view class="my-sub-title">
					{{info.name}}
				</view>
			</u-col>
			
			<u-col :span="1">
				<u-icon name="arrow-right" ></u-icon>
			</u-col>
		</u-row>
	</view>
</template>

<script>
	export default {
		props: {
			info: Object,
			unfinished: Boolean
			// "clockIsAbnormal": false,
			// "clockIsIntimate": false,
			// "clockLocation": "北京市-北京市-东城区",
			// "clockTel": "13018994001",
			// "clockTemp": 37,
			// "clockTime": "2021-06-29 01:50:06",
			// "clockVaccineDose": 1,
			// "clockVaccineTime": "2021-06-10 00:00:00",
			// "id": 21,
			// "name": "陈翊",
			// "statClockState": false,
			// "userId": 4
		},
		
		methods: {
			getData: function() {
				
			},
			
			
			to_check_page: function() {
				uni.navigateTo({
				    url: 'check?stu_id=' + this.info.userId
							+ '&name=' + this.info.name
				});
			}
		}
	}
	
</script>

<style scoped>
	.unfinished {
		border-color: #787878;
		opacity: 0.6;
	}
</style>
